<template>
  <footer>
    <div class="company_coop">
      <ul class="footer_items">
        <li class="li_wechat">
          <strong>官方微信</strong>
          <img src="@/assets/img/wechat_qr.jpg"/>
        </li>
        <li>
          <strong>关注我们</strong>
          <div class="footer_items_block">
            <a href="javascript:;">官方微博</a><br>
            <a href="javascript:;">大众点评</a><br>
            <a href="javascript:;" @click="handleFeedback">意见反馈</a>
          </div>
        </li>
        <li>
          <strong>友情链接</strong>
          <div class="footer_items_block dot">
            <a target="_blank" href="https://baike.baidu.com/item/%E6%A8%AA%E5%B1%B1%E7%BE%8A%E8%82%89/10878067">横山羊肉</a><br>
            <a target="_blank" href="https://j.map.baidu.com/30/rKgi">横山双城铁锅炖羊肉(创始店)</a><br>
            <a target="_blank" href="https://j.map.baidu.com/65/YXgi">横源祥·横山羊肉品牌店</a><br>
            <a target="_blank" href="https://j.map.baidu.com/47/qnhi">横山双城大铁锅炖羊肉(二分店)</a><br>
            <a target="_blank" href="https://j.map.baidu.com/f9/PXU">羊公馆横山铁锅炖羊肉</a><br>
          </div>
        </li>
        <li>
          <strong>客服电话</strong>
          <span>400-***-****</span>
        </li>
      </ul>
    </div>
    <div class="copyright">
      横山羊肉 CopyRight © 2024 ALL Rights
    </div>
  </footer>
</template>

<script>
export default {
  name: "CompanyFooter",
  methods: {
    handleFeedback() {
      const pathname = window.location.pathname
      if (pathname !== '/feedback') {
        this.$router.push({
          path: '/feedback'
        })
      }
    },
  }
}
</script>
<style>
footer {
  color: #fff;
  font-size: 12px;
  padding: 50px 0 0;
  background: #065b2b;
}
footer a {
  font-size: 12px;
  color: #fff;
}
.company_coop {
  width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.footer_items {
  margin: 0 auto;
  white-space: nowrap;
}
ul {
  list-style: none;
}
li.li_wechat {
  margin-left: 0;
}
.footer_items li {
  width: 25%;
  line-height: 38px;
  padding: 0 45px 0 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.footer_items li:first-child strong {
  border-bottom: none;
}
li.li_wechat img {
  width: 128px;
  height: 128px;
  margin-top: -20px;
  display: block;
}
.footer_items li strong {
  font-size: 18px;
  color: #fff;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}
li.li_phone a, .footer_items_block {
    padding-right: 36px;
}
.footer_items_block.dot a {
    /* padding-left: 10px; */
    position: relative;
    color: #fff;
}
.footer_items li:last-child {
    padding-right: 0;
}
.copyright {
  color: #fff;
  text-align: center;
  clear: both;
  font-size: 12px;
  line-height: 30px;
  padding-bottom: 10px;
  margin-top: 60px;
}
.copyright a {
  color: #fff;
}
</style>
